<template>
	<view class="js">
			<label class="radio">
				<radio :checked="status" @click="changeStatus" color="#C00000"/><text>全选</text>
			</label>
			<view class="hj">
				合计 <text class="red">￥{{changeCartPrice}}</text> 
			</view>
			<view class="jies">
				<text>结算({{changeCartTotal}})</text>
			</view>
	</view>
</template>

<script>
	import {mapGetters,mapMutations} from 'vuex'
	export default {
		name:"my-serct",
		data() {
			return {
				status: true
			};
		},
		computed: {
			...mapGetters(['changeCartTotal','changeCartPrice','CartTotal'])
		},
		methods: {
			...mapMutations(['ChangeCartStatsu']),
			changeStatus() {
				this.status = ! this.status
				this.ChangeCartStatsu(this.status)
			}
		}
	}
</script>

<style lang="scss">
.js {
	padding: 0 0;
	width: 100%;
	height: 50px;
	background-color: pink;
	position: fixed;
	left: 0;
	bottom: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #FFFFFF;
	.radio {
		display: flex;
		align-items: center;
	}
	.hj {
		
		.red {
			font-size: 14px;
			font-weight: 800;
			color: #C00000;
		}
	}
	.jies {
		background-color: #C00000;
		width: 80px;
		height: 50px;
		text-align: center;
		line-height: 50px;
		color: #FFFFFF;
		font-size: 14pxx;
	}
}
</style>
